/*
 *这是单独为hello mui准备的个性化css，可以覆盖标准mui的css定义；
 * 在实际项目开发时，建议为App单独写一个css文件，从而实现项目的自定义皮肤功能；
 * 
 * */
.mui-plus header.mui-bar{display: none;}
.mui-plus .mui-bar-nav~.mui-content{padding: 0;}

/*hm开头的表示仅为 Hello MUI示例定义*/
/*.hm-description{margin: .5em 0;}
.hm-description>li {font-size: 14px;color: #8f8f94;}*/

/*项目css*/
p img {max-width: 100%;height: auto;}
p embed {max-width: 100%;height: auto;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
input[type=text]:focus, input[type=password]:focus, textarea:focus {-webkit-box-shadow: 0 0 0 1000px white inset;}

.font-link-color{color:#007cbb !important}
.font-no-link-color{color:#797979 !important}
.font-red{color:#FF0000}
.font-black{color:#000}
.font-green{position:absolute;z-index: 9;color:#fff;padding-top:41px;left:60px;color:#10ab69;font-size: 18px;}

.margin-bottom-0{margin-bottom: 0px;}
.margin-bottom-5{margin-bottom: 5px;}
.margin-bottom-10{margin-bottom: 10px;}
.margin-left-0{margin:10px 0 !important}
.margin-top-0{margin:0 10px 5px 10px !important}
.margin-top-10{margin: 10px 10px;}
.padding-left-0{padding-left:0 !important;padding-right:0 !important}
.padding-top-5{padding-top:5px !important}
.area{margin: 20px auto 0px auto;}
.mui-btn{padding: 5px;}
.margin-right-10{margin-right: 10px;}
.margin-right-15{margin-right: 15px;}
.padding-bottom-8{padding-bottom: 8px;}
.padding-list-news{padding:11px 5px}
.margin-img-right{margin:0px 10px}
.login-logo{padding:20px 0}
.margin-bottom-20{margin-bottom:20px !important}
.margin-bottom-15{margin-bottom:15px !important}

.line-height30{width:65%;padding: 10px 0;height: 40px;}

.margin-img{margin:5px 10px}
.none{overflow: auto !important;}

.mui-row{margin-left:-15px;margin-right:-15px}
.mui-padding{padding: 0 20px 0 20px !important;margin:0 !important}
/*.border-none li:last-child{border-bottom:1px solid #fff;z-index:999;} 首页有影响*/
.mui-white-bg{background:#fff;border-radius: 2px;box-shadow: 0 1px 2px rgba(0, 0, 0, .3);margin-bottom:12px}
.font-size-22{font-size: 22px !important;}
.mui-table-view-cell:after {right: 10px;left:10px}

.shadow{-webkit-box-shadow: 0 1px 6px #ccc !important;box-shadow: 0 1px 6px #ccc !important;}    

.logo{width:70%;}

.mui-input-row label {padding: 13px 15px !important;}
.mui-bar{background:#007cbb !important}
.bg-grey{background:#eee}
.mui-bar a ,.mui-title ,.mui-bar .mui-btn-link{color:#fff !important}

@media (min-width:768px) {
	.mui-col-sm-12,.mui-col-sm-11,.mui-col-sm-10,.mui-col-sm-9,.mui-col-sm-8,.mui-col-sm-7,.mui-col-sm-6,.mui-col-sm-5,.mui-col-sm-4,.mui-col-sm-3,.mui-col-sm-2,.mui-col-sm-1 {
		float:left;
	}	
}
.mui-col-sm-1,.mui-col-sm-10,.mui-col-sm-11,.mui-col-sm-12,.mui-col-sm-2,.mui-col-sm-3,.mui-col-sm-4,.mui-col-sm-5,.mui-col-sm-6,.mui-col-sm-7,.mui-col-sm-8,.mui-col-sm-9,
.mui-col-xs-1,.mui-col-xs-10,.mui-col-xs-11,.mui-col-xs-12,.mui-col-xs-2,.mui-col-xs-3,.mui-col-xs-4,.mui-col-xs-5,.mui-col-xs-6,.mui-col-xs-7,.mui-col-xs-8,.mui-col-xs-9 {
	position: relative;min-height: 1px;padding-right: 6px;padding-left: 6px;}

@media (min-width:768px) {
	.mui-col-sm-12 {
		width: 100%
	}
	.mui-col-sm-11 {
		width: 91.66666667%
	}
	.mui-col-sm-10 {
		width: 83.33333333%
	}
	.mui-col-sm-9 {
		width: 75%
	}
	.mui-col-sm-8 {
		width: 66.66666667%
	}
	.mui-col-sm-7 {
		width: 58.33333333%
	}
	.mui-col-sm-6 {
		width: 50%
	}
	.mui-col-sm-5 {
		width: 41.66666667%
	}
	.mui-col-sm-4 {
		width: 33.33333333%
	}
	.mui-col-sm-3 {
		width: 25%
	}
	.mui-col-sm-2 {
		width: 16.66666667%
	}
	.mui-col-sm-1 {
		width: 8.33333333%
	}
}

@media (min-width:768px) {
	.logo{width:50%}
	.my{padding-top:8px;font-size:16px}
	.font-green{margin:50px 0 0 60px;font-size: 24px;}
	}
	
/*6*/ 
@media (min-device-width : 375px) and (max-device-width : 667px) and (-webkit-min-device-pixel-ratio : 2){ 
.font-green{margin:-1px 0 0 5px;font-size: 18px;}
} 

/*6+*/ 
@media (min-device-width : 414px) and (max-device-width : 736px) and (-webkit-min-device-pixel-ratio : 3){ 
.font-green{margin:4px 0 0 5px;font-size: 20px;}
} 

.mui-checkbox input[type=checkbox], .mui-radio input[type=radio] {width: 18px;height: 16px;}
.mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before {font-size: 16px;}
    
.zyk-img-list{max-width:160px !important;max-height:120px !important;}
.picture-list{width: 160px !important;height: 120px !important;vertical-align:middle;display: table-cell;}
.picture-list img{vertical-align:middle;}
/*btn*/
.mui-btn-sheetblue{color: #fff;border:none;background-color: #88c2e0;font-size:14px;padding:8px}
.mui-btn-sheetgray{color: #fff;border: none;background-color: #bdbdbd;font-size:14px;padding:8px}

/* 返回顶部 */
.mui-scroll-wrapper {top: 10px;}
.mui-btn-block-class{width:65% !important;border:none;padding:12px 0 !important;color:#8f8f94;font-weight: 400;text-align: left;}

.hide { display: none; } 
.backTop { background: #DDDDDD; border-radius: 50%; position: fixed; right: 10px; bottom: 15px; width: 38px; height: 38px; z-index: 9999; text-align: center; font-size: 18px; color: #666666; padding-top: 8px; opacity: 0.8; }

.go-top {position: fixed;background: #DDDDDD; border-radius: 50%; bottom: 15px;width: 38px; height: 38px;
    display: none;cursor: pointer;right:10px;z-index:9999; text-align: center; font-size: 18px; color: #666666; padding-top: 8px; opacity: 0.8;}

/**/
.pc a{background: #DDDDDD; border-radius: 50%; width: 38px; height: 38px;text-align: center;color: #666666; padding-top: 8px; opacity: 0.8;border: 1px solid #c3c3c3;}
.pc-footer{ height: 50px;width: 200px;margin: 0 auto;margin-top:15px;text-align: center;display: table;}
.pc{display: table-cell;}

/*小图看大图*/
.mui-preview-image.mui-fullscreen {
				position: fixed;
				z-index: 10000;
				background-color: #000;
			}
			.mui-preview-header,
			.mui-preview-footer {
				position: absolute;
				width: 100%;
				left: 0;
				z-index: 10;
			}
			.mui-preview-header {
				height: 44px;
				top: 0;
			}
			.mui-preview-footer {
				height: 50px;
				bottom: 0px;
			}
			.mui-preview-image {
				display: none;
				-webkit-animation-duration: 0.5s;
				animation-duration: 0.5s;
				-webkit-animation-fill-mode: both;
				animation-fill-mode: both;
			}
			.mui-preview-image.mui-preview-in {
				-webkit-animation-name: fadeIn;
				animation-name: fadeIn;
			}
			.mui-preview-image.mui-preview-out {
				background: none;
				-webkit-animation-name: fadeOut;
				animation-name: fadeOut;
			}
			.mui-preview-image.mui-preview-out .mui-preview-header,
			.mui-preview-image.mui-preview-out .mui-preview-footer {
				display: none;
			}
			.mui-zoom-scroller {
				position: absolute;
				display: -webkit-box;
				display: -webkit-flex;
				display: flex;
				-webkit-box-align: center;
				-webkit-align-items: center;
				align-items: center;
				-webkit-box-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				left: 0;
				right: 0;
				bottom: 0;
				top: 0;
				width: 100%;
				height: 100%;
				margin: 0;
				-webkit-backface-visibility: hidden;
			}
			.mui-zoom {
				-webkit-transform-style: preserve-3d;
				transform-style: preserve-3d;
			}
			.mui-slider .mui-slider-group .mui-slider-item img {
				width: auto;
				height: auto;
				max-width: 100%;
				max-height: 100%;
			}
			.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
				width: 100%;
			}
			.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
				display: inline-table;
			}
			.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
				display: table-cell;
				vertical-align: middle;
			}
			.mui-preview-loading {
				position: absolute;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				display: none;
			}
			.mui-preview-loading.mui-active {
				display: block;
			}
			.mui-preview-loading .mui-spinner-white {
				position: absolute;
				top: 50%;
				left: 50%;
				margin-left: -25px;
				margin-top: -25px;
				height: 50px;
				width: 50px;
			}
			.mui-preview-image img.mui-transitioning {
				-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
				transition: transform 0.5s ease, opacity 0.5s ease;
			}
			@-webkit-keyframes fadeIn {
				0% {
					opacity: 0;
				}
				100% {
					opacity: 1;
				}
			}
			@keyframes fadeIn {
				0% {
					opacity: 0;
				}
				100% {
					opacity: 1;
				}
			}
			@-webkit-keyframes fadeOut {
				0% {
					opacity: 1;
				}
				100% {
					opacity: 0;
				}
			}
			@keyframes fadeOut {
				0% {
					opacity: 1;
				}
				100% {
					opacity: 0;
				}
			}
			
/*论坛*/
.mui-talk-bar {
	position: fixed;
	z-index: 10;
	right: 0;
	left: 0;
	height: 44px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 0;
	background-color: #efeff4;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
	box-shadow:0 0 1px rgb(169, 169, 169);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.mui-talk-bar .mui-title {
	right: 40px;
	left: 40px;
	display: inline-block;
	overflow: hidden;
	width: auto;
	margin: 0;
	text-overflow: ellipsis
}

